/* Copyright (c) 2011 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body {
   background: #ffffff;
   color: #000000;
   font-family: Arial, Sans-Serif;
   font-size: 10pt;
}
a.tabbutton_off {
   padding: 5px 15px 5px 15px;
   border: 1px solid #4272db;
   text-decoration: underline;
   background: #f0f0f0;
   text-align: center;
   font-weight: bold;
}
a.tabbutton_on {
   padding: 5px 15px 5px 15px;
   width: 100px;
   border: 1px solid #4272db;
   background: #4272db;
   text-align: center;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
div.tab {
   width: 920px;
   height: 520px;
   background: #ebeff9;
   border: 1px solid #4272db;
   padding: 15px 15px 15px 15px;
   overflow: hidden;
}
textarea#codebox {
   font-family: monospace;
   font-size: 10pt;
   width: 700px;
   height: 480px;
   overflow: scroll;
   text-align: left;
}
textarea#consolebox {
   font-family: Monaco, Lucida Console, monospace;
   font-size: 10pt;
   width: 560px;
   height: 460px;
   overflow: scroll;
   background: #f0f0f0;
   text-align: left;
}
h1 {
   color: #800080;
   font-size: 12pt;
   font-weight: bold;
}
button#executebutton {
   padding: 5px;
   font-weight: bold;
}
div#snippetsbox {
   border: 1px solid #4272db;
   width: 170px;
   height: 220px;
   overflow: auto;
   padding: 5px;
}

hr { border: 1px solid #a0a0a0; }

a.snippetitem {
   display: block;
}
a.snippetitem:hover {
   display: block;
   background: #4272db;
   color: #ffffff;
}

div#previewbox {
   position: absolute;
   left: 180px;
   top: 220px;
   width: 400px;
   height: auto;
   visibility: hidden;
   background: #ffee88;
   border: 1px solid #ffcc00;
   overflow: hidden;
   padding: 10px;
}
pre#previewbox_text {
   font-size: 8pt;
}

div#codehelp {
   position: absolute;
   left: 200px;
   top: 100px;
   width: 500px;
   height: auto;
   background: #ffee88;
   border: 1px solid #ffcc00;
   overflow: auto;
   padding: 10px;
   visibility: hidden;
}

h2.snippetsection {
   font-size: 10pt;
   font-weight: bold;
   color: #000000;
   margin: 5px 0px 0px 0px;
}

div#samplelist {
   width: 500px;
   height: 400px;
   overflow: auto;
}


